<template>
	<view>
		<view class="form">
		  <view class="form-item">
		    <view class="label">手机号</view>
		    <!-- <text>123</text> -->
		    <button
		      class="phonebutton">
		      改绑手机号
		    </button>
		  </view>
		  <view class="form-item">
		    <view class="label">修改密码</view>
		  </view>
		  <view class="form-item">
		    <view class="label">意见反馈</view>
		  </view>
		</view>
	</view>
</template>

<script>
	
</script>

<style lang="scss">
	.form {
	  margin: 20rpx 20rpx 0;
	  padding: 0 20rpx;
	  border-radius: 10rpx;
	  background-color: #fff;
	  &-item {
	    display: flex;
	    height: 96rpx;
	    line-height: 46rpx;
	    padding: 25rpx 10rpx;
	    background-color: #fff;
	    font-size: 28rpx;
	    border-bottom: 1rpx solid #ddd;
	    .label {
	      width: 180rpx;
	      color: #333;
	    }
	
	
	  .form-item:last-child {
	    border: none;
	  }
	  .phonebutton {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-right: 0rpx;
	    margin-top: -14rpx;
	    width: 140rpx;
	    height: 70rpx;
	    padding: 8rpx;
	    font-size: 24rpx;
	    border-radius: 10rpx;
	    color: #fff;
	    background-color: #289cbb;
	  }
	}
	}
	.button {
		float: right;
	  height: 80rpx;
	  text-align: center;
	  line-height: 80rpx;
	  margin: 30rpx 20rpx;
	  color: #fff;
	  border-radius: 80rpx;
	  font-size: 30rpx;
	  background-color: #00b4ff;
	}
</style>
